/* 
    Document   : styles.css
    Created on : Dec 5, 2011, 11:43:11 AM
    Author     : plebani
    Description:
        Purpose of the stylesheet follows.
*/

/* 
   TODO customize this sample style
   Syntax recommendation http://www.w3.org/TR/REC-CSS2/
*/

@import url("../reindeer/styles.css");

root { 
    display: block;
}

.v-app {

    background:white;

}

/*.mainpanel .v-verticallayout {
    
    border: 1px solid green;
    
}*/

.v-tree-indicatorTree {

    width: 300px;
    /*background-color: lightgray;*/
}

/*.v-section .v-verticallayout, .v-section .v-accordion .v-accordion-item-content, .v-section .v-accordion-item-content {
    
    border-width: 0px;
    border-style: none;
    
}

.v-section .v-accordion-item-caption, .v-section .v-accordion-item-caption .v-caption, .v-section .v-accordion-item-caption .v-caption .v-label {

    color: white;
    font-size: 125%;
    height: 30px;
    text-decoration: none;
    border-width: 0px;
    border-style: none;
}

.v-section .v-accordion-item .v-verticallayout{ contents of the item accordion

    border-width: 0px;
    border-style: none;

}*/


/* box with details of a green indicator */

.v-info-panel-green {

    border: 2px solid green; 
    border-radius: 5px;
    background-color: green;          

}

/* box with details of a yellow indicator */

.v-info-panel-yellow {

    border: 2px solid yellow; 
    border-radius: 5px;
    background-color: yellow; 
}

/* box with details of a red indicator */

.v-info-panel-red {

    border: 3px solid red; 
    border-radius: 5px;
    background-color: red;          

}

.v-info-panel-gray {

    border: 3px solid gray; 
    border-radius: 5px;
    background-color: gray;          

}

.v-info-panel-green .v-panel-caption { 
    border: none;
    background-color: green;
    font-weight: bold;
    margin: 5px
}

.v-info-panel-yellow .v-panel-caption {
    
    border: none;
    background-color: yellow;
    font-weight: bold;    
    margin: 5px
}

.v-info-panel-red .v-panel-caption {
    border: none;
    background-color: red;
    font-weight: bold;    
    margin: 5px
}

.v-info-panel-gray .v-panel-caption {
    border: none;
    background-color: gray;
    font-weight: bold;    
    margin: 5px
}

.v-info-panel-green .v-panel-deco, .v-info-panel-green .v-info-panel-content, .v-info-panel-green .v-info-panel-content .v-label,
.v-info-panel-yellow .v-panel-deco, .v-info-panel-yellow .v-info-panel-content, .v-info-panel-yellow .v-info-panel-content .v-label,
.v-info-panel-red .v-panel-deco, .v-info-panel-red .v-info-panel-content, .v-info-panel-red .v-info-panel-content .v-label,
.v-info-panel-gray .v-panel-deco, .v-info-panel-gray .v-info-panel-content, .v-info-panel-gray .v-info-panel-content .v-label{
    border: none;
    background: transparent;
    background-color: transparent;
}

.v-info-panel-green .v-panel-content, .v-info-panel-yellow .v-panel-content, .v-info-panel-red .v-panel-content, .v-info-panel-gray .v-panel-content  {
    border: none;
    width: 200px;
    height: 130px;
    font-family: helvetica, arial, sans-serif; 
    color: black;
    background: transparent;
    background-color: transparent;

    /*background-color: lightgreen;          */
    
}


.v-info-bar {

    /* to customize the bar with the info */

}

.title, .title .v-label {
    
    color: green;
    
}